import React from 'react'
import all from "../../../../assets/img/home_1.png"
import juan2 from "../../../../assets/img/home_youhuijuan2.png"
import juan3 from "../../../../assets/img/home_youhuijuan3.png"
import juan1 from "../../../../assets/img/home_youhuijuan1.png"
import lon from "../../../../assets/img/home_youhuijuan11.png"
export default function Xrzx(props) {
    let { newList } = props;
    console.log(newList);
    return (
        <div className="beijing">
        {/*新人专享  */}
        <div className="xinren">
            <h3>新人专享</h3>
            <p>05:42:47</p>
            <img src={all} alt="" />
        </div>
        <div className="juan1">

            {/* 一重礼 */}
            <div className="one">
                <p className="p1">
                    <img src={lon} alt="" className="img1" />
                    <span>信任特价商品专区</span>
                    <i>(信任供应，先到先得)</i>
                </p>
                <div className="pon">
                <ul>
                    {
                        newList.map(item => {
                            return (
                                <li key={item.id}>
                                    <img src={item.img} alt="" />
                                    <div className="d1">
                                        <p>￥{item.price}</p>
                                        <p className="wen">{item.market_price}</p>
                                    </div>
                                    <div className="d2">
                                        <span className="iconfont">&#xe612;</span>
                                    </div>
                                </li>
                            )
                        })
                    }
                </ul>
                </div>
            </div>
            {/* 二重礼 */}
            <div className="two">
                <p className="p1">
                    <img src={juan1} alt="" />
                    <span>新人通用50元礼券</span>
                    <i>(下单立减，省了又省)</i>
                </p>
                <div>
                <img src={juan2} alt="" className="img1" />
                    <img src={juan3} alt="" className="img2" />
                </div>
            </div>
            {/* 限时秒杀 */}
            
        </div>
        
    </div>
    )
}


